import React from "react";
import {connect} from 'dva';
import {PageHeaderWrapper} from "@ant-design/pro-layout";
import {Row, Col} from 'antd';
import {Tag, Divider} from 'antd';

// @author:lf20210822文章分类
@connect(({topics}) => ({topics}))

export default class Topics extends React.Component {

  render() {
    return (
      <PageHeaderWrapper title={false}>
        <Row gutter={{xs: 8, sm: 16, md: 24}} justify="center">
          <Col span={20}>
            <Divider orientation="left">标签墙</Divider>
            <div>
              <Tag color="#f50">#f50</Tag>
              <Tag color="#2db7f5">#2db7f5</Tag>
              <Tag color="#87d068">#87d068</Tag>
              <Tag color="#108ee9">#108ee9</Tag>
            </div>
          </Col>

        </Row>
      </PageHeaderWrapper>
    )
  }
}

